<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="framework/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="framework/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
    <title>东软体检APP-首页</title>
</head>
<body>
    <!--总容器-->
    <div class="wrapper">

        <!--头部-->
        <header>
            <div class="header-content">
                <div class="header-content-left">
                    <h1>海大云医院</h1>
                    <i class="fa fa-angle-down"></i>
                </div>
                <i class="fa fa-envelope-o"></i>
            </div>
            <div class="header-bottom"></div>
        </header>

        <div class="top-ban"></div>
        <!--导航-->
        <nav>
            <div class="logo-img">
                <img src="img/logo.jpg">
            </div>
            <ul>
                <li>
                    <img src="img/menu1.jpg">
                    <div class="nav-item-text">
                        <h3>免费咨询</h3>
                        <p>新型冠状病毒肺炎</p>
                    </div>
                </li>
                <li>
                    <img src="img/menu2.jpg">
                    <div class="nav-item-text">
                        <h3>网络问诊</h3>
                        <p>图文视频网络咨询</p>
                    </div>
                </li>
                <li>
                    <img src="img/menu3.jpg">
                    <div class="nav-item-text">
                        <h3><span class="menu03-h3-span">e</span>心门诊</h3>
                        <p>海大医务室专家</p>
                    </div>
                </li>
                <li>
                    <img src="img/menu4.jpg">
                    <div class="nav-item-text">
                        <h3>慢病管理</h3>
                        <p>血压血糖健康管理</p>
                    </div>
                </li>
                <li>
                    <img src="img/menu5.jpg">
                    <div class="nav-item-text">
                        <h3>上门护理</h3>
                        <p>网上购买上门服务</p>
                    </div>
                </li>
                <li onclick="location.href='appointment.html'">
                    <img src="img/menu6.jpg">
                    <div class="nav-item-text">
                        <h3>团检预约</h3>
                        <p>团体体检套餐定制</p>
                    </div>
                </li>
            </ul>
        </nav>

        <!--我的健康报告-->
        <div class="report">
            <div class="item-title">
                <p>我的健康报告</p>
            </div>
            <div class="report-content">
                <p>随时随地查看体检报告</p>
                <div onclick="location.href='reportlist.html'">立即查看</div>
            </div>
        </div>

        <!--推荐医生-->
        <div class="doctor">
            <div class="item-title">
                <p>推荐医生</p>
            </div>
            <ul>
                <li>
                    <img src="img/doc1.jpg">
                    <h3>刘长胜</h3>
                    <p>主任医师</p>
                </li>
                <li>
                    <img src="img/doc2.jpg">
                    <h3>孙露</h3>
                    <p>主任医师</p>
                </li>
                <li>
                    <img src="img/doc3.jpg">
                    <h3>昌文达</h3>
                    <p>主任医师</p>
                </li>
                <li>
                    <img src="img/doc4.jpg">
                    <h3>张世凡</h3>
                    <p>主任医师</p>
                </li>
                <li>
                    <img src="img/doc5.jpg">
                    <h3>赵杜芬</h3>
                    <p>主任医师</p>
                </li>
                <li>
                    <img src="img/doc6.jpg">
                    <h3>李文</h3>
                    <p>主任医师</p>
                </li>
                <li>
                    <img src="img/doc7.jpg">
                    <h3>李若诚</h3>
                    <p>主任医师</p>
                </li>
                <li>
                    <img src="img/doc8.jpg">
                    <h3>吴晓梦</h3>
                    <p>主任医师</p>
                </li>
            </ul>
        </div>

        <!--健康评估-->
        <div class="assess">
            <div class="item-title">
                <p>推荐医生</p>
                <span>更多</span>
            </div>
            <div class="assess-content">
                <div class="scroll-box" id="scrollBox">
                    <ul id="scrollBar">
                        <li><img src="img/roll1.jpg"></li>
                        <li><img src="img/roll2.jpg"></li>
                        <li><img src="img/roll3.jpg"></li>
                        <li><img src="img/roll4.jpg"></li>
                        <li><img src="img/roll5.jpg"></li>
                        <li><img src="img/roll6.jpg"></li>
                    </ul>
                </div>
            </div>
        </div>

        <!--健康咨询-->
        <div class="info">
            <div class="item-title">
                <p>健康咨询</p>
            </div>
            <ul>
                <li>
                    <img src="img/info1.jpg">
                    <div>
                        <h3>查出肺结核，我是不是要得肺癌？</h3>
                        <span>肺结核一定会导致肺癌吗？</span>
                        <p><i class="fa fa-commenting-o"></i>3369</p>
                    </div>
                </li>
                <div class="middle-ban"></div>
                <li>
                    <img src="img/info2.jpg">
                    <div>
                        <h3>体检发现甲状腺结节，怎么办？</h3>
                        <span>日常需注意什么？</span>
                        <p><i class="fa fa-commenting-o"></i>4426</p>
                    </div>
                </li>
            </ul>
        </div>

        <div class="bottom-ban"></div>

        <!--footer-->
        <footer>
            <ul>
                <li  onclick="location.href='index.html'">
                    <i class="fa fa-home"></i>
                    <p>云医院</p>
                </li>
                <li>
                    <i class="fa fa-opencart"></i>
                    <p>商城</p>
                </li>
                <li>
                    <i class="fa fa-compass"></i>
                    <p>发现</p>
                </li>
                <li onclick="location.href='personal.html'">
                    <i class="fa fa-user"></i>
                    <p>我</p>
                </li>
            </ul>
        </footer>
    </div>
</body>
</html>